html{height:100%}
body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size:14px;
    line-height:1.428571429;
    color:#3d3d3d;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
a{
    font-size:1em;
    color:#333;
}
a:hover,a:focus{
    background-color:#eee;
    border-color:#ddd;
}
.theme-color{
    background-color:#FFDA44;
}
.theme-color:hover,.theme-color:active{
    background-color:#e0b400;
    outline:none;
    border:none;
    box-shadow:none;
}
/*******************home.html****************************************/
/**user_info_menu style*/
.user-info{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    /*left:0;*/
    left:-100%;
    background-color:rgba(0,0,0,0.5);
    z-index:999;
}
.user-info .user-info-menu{
    width:85%;
    height:100%;
    background-color:#fff;
}
.user-info .user-info-menu-list{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.user-info .user-info-menu-list i{
    display:inline-block;
    width:22px;
    height:22px;
    background:url('./../images/wx_iconlist.png') no-repeat;
}
#my-order i{
    background-position:0 -27px;
}
#acct-balance i{
    background-position:-27px -27px;
}
#my-message i{
    background-position:-54px 0;
}
#download i{
    background-position:-54px -27px;
}
.user-info .user-info-menu-list b{
    display:inline-block;
    width:8px;
    height:13px;
    background:url('./../images/wx_iconlist.png') no-repeat -65px -55px;
}
.user-info .user-info-menu-list .logout-btn{
    color:#ff6600;
}
.user-info .user-info-menu-list .logout-btn:hover,.user-info .user-info-menu-list .logout-btn:active{
    outline:none;
    box-shadow:none;
}
.user-info .back-box{
    width:15%;
    padding-top:15px;
    padding-bottom:17px;
}
.user-info .back{
    width:22px;
    height:22px;
    background:url('./../images/wx_iconlist.png') no-repeat -27px 0px;
    margin:0 auto;
}
/*user_head style*/
header{
    width:100%;
    padding:20px 0;
}
header .row{
    margin-left:0px;
    margin-right:0px;
}
/*service_select style*/
main{
    width:100%;
}
main>h4{
    font-weight:bold;
    color:#5F5F5F;
}
main .service-list{
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
}
main .service-list figure{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
main .service-list figure img{
    margin:0 auto;
}
main .service-list figure:hover,main .service-list figure:active{
    background-color:#eee;
    border-color:#ddd;
    color:#333;
}
/*login and register form style*/
#lrModel{
    position:fixed;
}
#lrModel .lr-nav>li.active>a{
    color:#FFDA44;
    font-weight: bold;
}
#lrModel .close{
    width:22px;
    height:22px;
    background:url('./../images/wx_iconlist.png') no-repeat 0 0;
    opacity:1;
}
#lrModel .form-group{
    border-bottom: 1px solid #ccc;
    margin-top:-10px;
}
#lrModel .control-label{
    padding:6px 0;
    color:#3D3D3D;
}
#lrModel .auth-input{
    border:none;
    outline:none;
    box-shadow: none;
    padding-left:0;
}
#lrModel .auth-input:focus {
    box-shadow: none;
}
#lrModel .auth-input:focus {
    box-shadow: none;
}
#lrModel .check-btn{
    background-color:#FFDA44;
}
#lrModel .check-btn-tapped{
    background-color:#ccc;
}
#lrModel .register-submit,#lrModel .login-submit{
    margin-top:10px;
    border-radius:5px;
}
#lrModel .last-form-group{
    border-bottom:none;
}
.sweet-alert {
    background:#FFDA44;
    width:50%;
    height:63px;
    padding:0;
    left:25%;
}
@media (min-width:320px) {
    .user-info .user-info-menu .row{
        margin:20px 0px 20px 0px;
    }
    img.user-image{
        width:55px;
        height:auto;
    }
    .lr-info{
        line-height:55px;
        padding-left:28px
    }
    .user-phone{
        font-size:20px;
        font-weight:bold;
    }
    .user-info .lr-info{
        padding-left:35px;
        color:#7a7c80;
    }
    .user-info .user-info-menu-list a{
        font-size:18px;
    }
    .user-info .user-info-menu-list i {
        margin-right:12px;
        margin-bottom:-4px;
    }
    .user-info .user-info-menu-list span {
        display:inline-block;
        width:100px;
    }
    .user-info .user-info-menu-list b{
        margin-left:40%;
    }
    .user-info .user-info-menu-list .logout-btn{
        font-size:18px;
    }
    main>h4{
        padding:3px 0;
        font-size:18px;
    }
    main .service-list figure{
        padding-top:18px;
        padding-bottom:18px;
    }
    main .service-list figure img{
        width:38px;
        height:38px;
        margin-bottom:10px;
    }
    main .service-list figure figcaption{
        font-size:16px;
    }
    #lrModel{
        top:20%;
    }
    #lrModel .lr-nav{
        margin:15px 0;
    }
    #lrModel .auth-input{
        font-size:16px;
    }
    #lrModel .check-btn{
        width:75px;
        height:32px;
        line-height:32px;
        border-radius:3px;
        text-align:center;
        font-size:8px;
    }
    .sweet-alert p{
        font-size:13px;
    }
}
@media (min-width:375px) {
    .user-info .user-info-menu .row{
        margin:20px 0px 20px 0px;
    }
    img.user-image{
        width:75px;
        height:auto;
    }
    .lr-info{
        line-height:75px;
        padding-left:45px;
    }
    .user-phone{
        font-size:24px;
        font-weight:bold;
    }
    .user-info .lr-info{
        padding-left:55px;
        color:#7a7c80;
    }
    .user-info .user-info-menu-list a{
        font-size:20px;
    }
    .user-info .user-info-menu-list i {
        margin-right:15px;
    }
    .user-info .user-info-menu-list span {
        display:inline-block;
        width:100px;
    }
    .user-info .user-info-menu-list b{
        margin-left:48%;
    }
    .user-info .user-info-menu-list .logout-btn{
        font-size:22px;
    }
    main>h4{
        padding:5px 0;
        font-size:20px;
    }
    main .service-list figure{
        padding-top:14px;
        padding-bottom:14px;
    }
    main .service-list figure img{
        width:55px;
        height:55px;
        margin-bottom:15px;
    }
    main .service-list figure figcaption{
        font-size:18px;
    }
    #lrModel{
        top:20%;
        font-size:18px;
    }
    #lrModel .lr-nav{
        margin:18px 0;
    }
    #lrModel .auth-input{
        font-size:19px;
        padding-left:10px;
        margin-top:1px;
    }
    #lrModel .check-btn{
        width:92px;
        height:37px;
        line-height:37px;
        border-radius:4px;
        text-align:center;
        font-size:16px;
    }
    #lrModel .register-submit,#lrModel .login-submit{
        padding:10px 0;
        font-size:16px;
    }
    .sweet-alert p{
        font-size:15px;
    }
}
@media (min-width:414px){
    .user-info .user-info-menu .row{
        margin:28px 0px 20px 0px;
    }
    img.user-image{
        width:100px;
        height:auto;
    }
    .lr-info{
        line-height:100px;
        padding-left:65px;
    }
    .user-phone{
        font-size:28px;
        font-weight:bold;
    }
    .user-info .lr-info{
        padding-left:65px;
        color:#7a7c80;
    }
    .user-info .user-info-menu-list a{
        font-size:24px;
    }
    .user-info .user-info-menu-list i{
        display:inline-block;
        width:44px;
        height:44px;
        background:url('./../images/wx_iconlist_d.png') no-repeat;
        margin-right:20px;
        vertical-align:middle;
    }
    #my-order i{
        background-position:0 -54px;
    }
    #acct-balance i{
        background-position:-54px -54px;
    }
    #my-message i{
        background-position:-108px 0;
    }
    #download i{
        background-position:-108px -54px;
    }
    .user-info .user-info-menu-list span {
        display:inline-block;
        width:140px;
    }
    .user-info .user-info-menu-list b{
        display:inline-block;
        width:16px;
        height:26px;
        background:url('./../images/wx_iconlist_d.png') no-repeat -130px -110px;
        margin-left:28%;
        margin-bottom:-6px;
    }
    .user-info .user-info-menu-list .logout-btn{
        font-size:28px;
    }
    .user-info .back-box{
        padding-top:20px;
        padding-bottom:22px;
    }
    .user-info .back{
        width:44px;
        height:44px;
        background:url('./../images/wx_iconlist_d.png') no-repeat -54px 0px;
    }
    main>h4{
        padding:8px 0;
        font-size:24px;
    }
    main .service-list figure{
        padding-top:15px;
        padding-bottom:15px;
    }
    main .service-list figure img{
        width:62px;
        height:62px;
        margin-bottom:15px;
    }
    main .service-list figure figcaption{
        font-size:22px;
    }
    #lrModel{
        top:21%;
        font-size:20px;
    }
    #lrModel .lr-nav{
        margin:25px 0;
    }
    #lrModel .auth-input{
        font-size:20px;
        padding-left:10px;
        margin-top:3px;
    }
    #lrModel .check-con{
        padding-left:5px;
    }
    #lrModel .check-btn{
        width:115px;
        height:40px;
        line-height:40px;
        border-radius:5px;
        text-align:center;
        font-size:18px;
    }
    #lrModel .close{
        width:44px;
        height:44px;
        background:url('./../images/wx_iconlist_d.png') no-repeat 0 0;
        opacity:1;
    }
    #lrModel .register-submit,#lrModel .login-submit{
        padding:10px 0;
        font-size:18px;
    }
    .sweet-alert p{
        font-size:16px;
    }
}

/********************sel_service.html****************************/
.service-form .form-group {
    border-bottom:1px solid #e5e5e5;
}
.service-form .last-form-group{
    border:none;
}
.service-form .input-label {
    padding-right:0;
}
.service-form .input-cont {
    padding-left:0px;
}
.service-form .auth-input{
    border:none;
    outline:none;
    box-shadow: none;
    padding-left:0;
}
.service-form .auth-input:focus {
    box-shadow: none;
}
.service-form .btn-keyword{
    width:45px;
    height:45px;
    margin-top:-10px;
    margin-right:5px;
    position:relative;
    border-radius:6px;
}
.service-form .btn-keyword b{
    display:block;
    background:url('./../images/wx_iconlist.png') no-repeat;
    position:absolute;
}
.service-form .btn-keyword .b-keyword{
    width:22px;
    height:17px;
    background-position:-81px -3px;
    top:14px;
    left:11px;
}
.service-form .btn-keyword .b-voice{
    width:14px;
    height:22px;
    background-position:-85px -27px;
    top:12px;
    left:14px;
}
.service-form .description{
    display:inline-block;
    position:relative;
    width:230px;
}
.service-form .description .voice-desc{
    width:100%;
    margin-top:-10px;
    padding:10px 0px 11px 40px;
    position:absolute;
    top:-21px;
    border-radius:5px;
}
.service-form .description .voice-desc b{
    display:block;
    background:url('./../images/wx_iconlist.png') -85px -27px;
    width:15px;
    height:22px;
}
.service-form .description .voice-desc span{
    margin-left:20px;
}
.service-form .description .text-desc{
    width:100%;
    border:1px solid #dedede;
    margin-top:-10px;
    padding-left:5px;
    position:absolute;
    top:-21px;
    border-radius:5px;
}
.sub_service{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    /*background-color:blue;*/
}
.sub_service>ul{
    width:40%;
    position:absolute;
    z-index:3;
    top:0;
    right:-40%;
}
.sub_service .list-group-item{
    background-color:#F4F4F4;
    color:#838588;
    -webkit-tap-highlight-color:transparent;
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    background-color:#DBDBDB;
    border-color:#ddd;
    color:#838588;
}
.sub_service .hide-menu{
    color:#ff6600;
}
.pay-order{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    /*right:0;*/
    right:-120%;
    /*z-index:999;*/
    background-color:#fff;
}
.order-form .form-group{
    border-bottom:1px solid #e5e5e5;
}
.order-form .last-form-group{
    border:none;
}
.order-form .input-label {
    padding-right:0;
}
.order-form .input-cont {
    padding-left:0px;
}
.order-form .auth-input{
    padding-top:1px;
}
.order-form .distance{
    color:#7a7c80;
}
.order-form .distance>span{
    font-weight:700;
    color:#ff790b;
}
.order-form .order-detail{
    background-color:#edf1f7;
    width:95%;
    margin-top:5px;
}
.order-form .order-detail input,.order-form .order-detail textarea{
    background-color:#edf1f7;
}
.order-form .order-detail td{
    padding:5px 5px 0px 5px;
}
#detail-price{
    color:#fe7225;
}
#detail-description{
    width:200px;
    padding-top:0;
}
.toPayStep,.pay-confirm{
    border-radius:0;
}
.toPayStep{
    z-index:999;
}
@media (min-width:320px){
    .service-form .form-group {
        margin:10px 0px 10px 12px;
        padding-bottom:5px;
    }
    .service-form .input-label,.service-form .auth-input,.service-form .right,.order-form .input-label,.order-form .auth-input{
        padding-left:0px;
        line-height:28px;
        color:#7a7c80;
    }
    .service-form .rmb{
        line-height:25px;
    }
    .order-form .form-group {
        margin:10px 0px 0px 12px;
        padding-bottom:5px;
    }
}
@media (min-width:375px){
    .pub_order{
        font-size:20px;
        color:#3d3d3d;
    }
    .service-form .form-group {
        margin:20px 0px 20px 18px;
        padding-bottom:10px;
    }
    .service-form .input-label,.service-form .auth-input,.service-form .right,.order-form .auth-input{
        padding-left:0px;
        line-height:30px;
        color:#7a7c80;
    }
    .service-form .right{
        line-height:25px;
    }
    .service-form .auth-input{
        padding-left:15px;
    }
    .service-form .right{
        margin-top:-30px;
    }
    .service-form .rmb{
        line-height:20px;
    }
    .service-form .btn-keyword{
        width:70px;
        height:70px;
        margin-top:-10px;
        margin-right:5px;
        position:relative;
        border-radius:8px;
    }
    .service-form .btn-keyword b{
        display:block;
        background:url('./../images/wx_iconlist_d.png') no-repeat;
        position:absolute;
    }
    .service-form .btn-keyword .b-keyword{
        width:44px;
        height:34px;
        background-position:-162px -5px;
        top:20px;
        left:12px;
    }
    .service-form .btn-keyword .b-voice{
        width:30px;
        height:44px;
        background-position:-169px -54px;
        top:15px;
        left:20px;
    }
    .service-form .description{
        display:inline-block;
        position:relative;
        width:260px;
    }
    .service-form .description .voice-desc{
        width:100%;
        margin-top:-24px;
        padding:12px 0px 13px 28px;
        position:absolute;
        top:-21px;
        border-radius:8px;
    }
    .service-form .description .voice-desc b{
        display:block;
        width:30px;
        height:44px;
        background:url('./../images/wx_iconlist_d.png') -169px -54px;
    }
    .service-form .description .voice-desc span{
        font-size:20px;
        position:absolute;
        top:20px;
    }
    .service-form .description .text-desc{
        width:100%;
        border:1px solid #dedede;
        margin-top:-24px;
        padding:5px 5px 8px 5px;
        position:absolute;
        top:-21px;
        border-radius:8px;
    }
    .order-form{
        font-size:20px;
    }
    .order-form .form-group{
        margin:12px 0px 0px 12px;
        padding-bottom:7px;
    }
    .order-form .input-label {
        padding-left:0;
        padding-right:0;
    }
    .order-form .input-cont {
        padding-left:10px;
    }
    .order-form .auth-input{
        padding-top:0px;
    }
    .order-form .order-detail{
        margin-top:10px;
    }
    .order-form .order-detail input,.order-form .order-detail textarea{
        background-color:#edf1f7;
    }
    .order-form .order-detail td{
        padding:8px 3px 0px 3px;
    }
    #detail-description{
        width:240px;
    }
    .toPayStep,.pay-confirm{
        padding-top:15px;
        padding-bottom:15px;
        font-size:20px;
        font-weight:700;
    }
}
@media (min-width:414px){
    .pub_order{
        font-size:22px;
    }
    .service-form .description{
        width:300px;
    }
    .service-form .description .voice-desc{
        padding:12px 0px 13px 50px;
    }
    .service-form .rmb{
        line-height:18px;
    }
    .order-form .input-cont {
        padding-left:10px;
    }
    .order-form .auth-input{
        padding-top:0px;
    }
    .order-form .order-detail{
        margin-top:10px;
    }
    .order-form .order-detail input,.order-form .order-detail textarea{
        background-color:#edf1f7;
    }
    .order-form .order-detail td{
        padding:8px 5px 0px 8px;
    }
    #detail-description{
        width:260px;
    }
}
/*map style*/
.map-page{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:-100%;
    background-color:#fff;
    z-index:999;
}
.map-page .m-b{
    width:100%;
    height:auto;
}
.map-page .back{
    font-weight:700;
    display:inline-block;
    width:20%;
    height:35px;
    line-height:35px;
}
#map-keyword{
    border-radius:8px;
    padding-left:10px;
}
#map{
    background-color:gray;
    position:relative;
}
#map .center-point {
    position:absolute;
    z-index:1200;
    width:19px;
    height:25px;
    background:url(http://api.map.baidu.com/img/markers.png) no-repeat 0 -275px;
}
#mp-location{
    height:40%;
    overflow:auto;
}
.list-group-item.active,.list-group-item:active,.list-group-item:hover{
    background-color:#eee;
}
#tangram-suggestion--TANGRAM__1q-main{
    z-index:1000;
}
@media (min-width:375px){
    .map-page .back{
        width:25%;
        height:40px;
        line-height:40px;
        font-size:1.4em;
    }
    .map-page .list-group-item{
        font-size:1.4em;
    }
}
@media (min-width:414px){
    .map-page .list-group-item{
        font-size:1.6em;
    }
}

/********************my-order-list.html***************************/
.my-order-list .dc{
    background-color:#fff;
}
.my-order-list{
    width:100%;
    height:100%;
}
.my-order-list .list-content{
    overflow-x:hidden;
    overflow-y:auto;
    height:80%;
}
.list-nav>div>a{
    color:#7a7c80;
}
.list-nav .btn{
    background-color:#fff;
    box-shadow:none;
    border:none;
    border-radius:0;
    outline:0;
}
.list-nav>div>a.active{
    color:#3d3d3d;
    border-bottom:3px solid #FFDA44;
}
.list-box{
    display:block;
    margin-top:4%;
    padding-top:2%;
    padding-bottom:2%;
    position:relative;
}
.list-box .desc{
    padding-left:0;
}
.list-box .title{
    padding-top:1%;
    font-weight:700;
    width:80%;
}
.list-box .fee,.list-box .order-status{
    color:#ff6600;
    font-weight:700;
}
.list-box .order-status{
    padding-right:0px;
}
.list-box .serv-icon{
    position:absolute;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    color:#fff;
    letter-spacing:2px;;
    text-align:center;
    text-indent:3px;
    top:-5px;
    right:15px;
}
.list-box .pb{
    background-color:#ff772b;
}
.list-box .qe{
    background-color:#2cc1f9;
}
.list-box .bw{
    background-color:#09c567;
}
.list-box .dh{
    background-color:#915bfe;
}
.list-box .hk{
background-color:#f95e97;
}
.list-box .rp{
background-color:#4aa6fd;
}
.list-box .st{
background-color:#ffc257;
}
.list-box .hw{
background-color:#28d3e2;
}
.list-box .serv-icon>b{
    display:block;
    width:5px;
    height:5px;
    background: url('./../images/wx_iconlist.png') no-repeat;
    position:absolute;
    top:0;
    left:-5px;
}
.list-box .pb>b{
    background-position:-219px -15px;
}
.list-box .qe>b{
    background-position:-199px -5px;
}
.list-box .bw>b{
    background-position:-219px -5px;
}
.list-box .dh>b{
    background-position:-189px -5px;;
}
.list-box .hk>b{
background-position:-189px -15px;
}
.list-box .rp>b{
background-position:-199px -15px;
}
.list-box .st>b{
background-position:-209px -5px;
}
.list-box .hw>b{
background-position:-209px -15px;
}
.load-add{
    background-color:#FFDA44;
    border-radius:0;
    border:none;
}
.load-add:hover,.load-add:active{
    outline:none;
    border:none;
    box-shadow:none;
}
.load-adding{
    background-color:#DDDDDD;
}
@media (min-width:320px){
    .list-box{
        font-size:18px;
        margin-top:5%;
    }
    .list-box .serv-icon{
        width:50px;
        height:35px;
        font-size:14px;
        line-height:35px;
    }
}
@media (min-width:375px){
    .list-nav a{
        font-size:22px;
    }
    .list-box{
        font-size:22px;
    }
    .list-box .serv-icon{
        width:65px;
        height:40px;
        font-size:18px;
        line-height:40px;
    }
    .list-box .serv-icon{
        top:-10px;
        right:15px;
    }
    .list-box .serv-icon>b{
        width:10px;
        height:10px;
        background: url('./../images/wx_iconlist_d.png') no-repeat;
        left:-10px;
    }
    .list-box .pb>b{
        background-position:-438px -30px;
    }
    .list-box .qe>b{
        background-position:-398px -10px;
    }
    .list-box .bw>b{
        background-position:-438px -10px;
    }
    .list-box .dh>b{
        background-position:-378px -10px;
    }
    .list-box .hk>b{
        background-position:-378px -30px;
    }
    .list-box .rp>b{
        background-position:-398px -30px;
    }
    .list-box .st>b{
        background-position:-418px -5px;
    }
    .list-box .hw>b{
        background-position:-418px -15px;
    }
}
@media (min-width:414px) {
    .list-nav a{
        font-size:24px;
    }
    .list-box{
        font-size:24px;
    }
    .list-box .serv-icon{
        width:65px;
        height:40px;
        font-size:18px;
        line-height:40px;
    }
}
input,textarea {
    -webkit-appearance: none;
    color:#7a7c80;
    border:none;
    outline:none;
    box-shadow: none;
    padding-left:0;
}






